<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>文章推荐</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">

    <link rel="stylesheet" href="__HOME__/css/weui.css">
    <link rel="stylesheet" href="__HOME__/css/jquery-weui.css">
    <link rel="stylesheet" href="__HOME__/css/style.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_689900_q7w1lloaqzg2e29.css">

    <script src="__HOME__/js/vue.js"></script>

    <style>
        .mycenter-top{background: #fff;overflow: hidden;line-height: 60px;padding:20px;}
        .mycenter-top img{border-radius: 50%;float: left;}

        .weui-grids:before {
            border-top: 0px solid #d9d9d9;
        }
        .weui-grid__label {

            /*color: #ffffff;*/
            font-weight: bold;
            font-size: 16px;
            padding: 5px;
        }
        .weui-grid1 {
            width: 45%;
            height: 120px;
            position: relative;
            float: left;
            width: 45%;
            box-sizing: border-box;
            margin: 2%;
            margin-left: 3%;
        }
    </style>
</head>
<body class="back1"  >
<div class="index-top-fix">
    <a href="{:url('/store/parent.index/index')}?shop_id={$shop_id}" class="iconfont icon-left- left"></a>
    <p class="title">文章推荐</p>
</div>


<div class="weui-grids"  style="margin-top: 50px">
    {foreach name="res" item="v" key="key"}
    <a href="{:url('/store/parent.article/artlist')}?id={$v.id}&shop_id={$shop_id}" class="weui-grid1 js_grid"   >
        <div class="">
            <img src="{$v.picture}" alt="" style="width: 100%; height: 100px;">
        </div>
        <p    class="weui-grid__label">
            {$v.sort}
        </p>
    </a>
    {/foreach}

</div>
</body>

</html>

